﻿@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/highcharts.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/highcharts-more.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/modules/exporting.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/modules/funnel.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/highcharts.src.js"></script>
    <script src="~/Areas/Sprintzwl/highchart/highcharts.src.js"></script>
</head>
<body>
    <div id="containerzhu" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
    <script>
        $(function () {
            // Create the chart
            Highcharts.chart('containerzhu', {
                chart: {
                    type: 'column'
                },
               
                xAxis: {
                    type: 'category'
                },
                yAxis: {
                    title: {
                        text: '总的市场份额'
                    }
                },
                legend: {
                    enabled: false
                },
                plotOptions: {
                    series: {
                        borderWidth: 0,
                        dataLabels: {
                            enabled: true,
                            format: '{point.y:.1f}%'
                        }
                    }
                },
                tooltip: {
                    headerFormat: '<span style="font-size:11px">{series.name}</span><br>',
                    pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>'
                },
                series: [{
                    name: '浏览器品牌',
                    colorByPoint: true,
                    data: [{
                        name: 'Microsoft Internet Explorer',
                        y: 56.33,
                        drilldown: 'Microsoft Internet Explorer' 
                    }, {
                        name: 'Chrome',
                        y: 24.03,
                        drilldown: 'Chrome'
                    }, {
                        name: 'Firefox',
                        y: 10.38,
                        drilldown: 'Firefox'
                    }, {
                        name: 'Safari',
                        y: 4.77,
                        drilldown: 'Safari'
                    }, {
                        name: 'Opera',
                        y: 0.91,
                        drilldown: 'Opera'
                    }, {
                        name: 'Proprietary or Undetectable',
                        y: 0.2,
                        drilldown: null
                    }]
                }],
              
            });
        });
    </script>
</body>
</html>
